@charset "utf-8";
*{
    margin:0;
    padding:0;
}
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
@function f($fz) {
    @return $fz / 14 * 1em
}
.search{
    position: fixed;
    top: 0;
    // transform: translateX(-100%);
    z-index: 9999;
    width: 100%;
    height: 100%;
    overflow: auto;
    transition: transform 1s ease-in-out;
    z-index: 9999;
    >.r_eturn{
        width: r(1246);
        margin: 0 auto;
        margin-top:r(162);
        display: flex;
        display: -webkit-flex;
        align-items: center;
        >label{
            width:r(38);

            >img{
                width:100%;
            }
        }
        >span{
            color:#000;
            font-size: 20px;
            display: inline-block;
            margin-left:r(12);
        }
    }
   >.fd_box{
       width:r(813);
       margin:0 auto;
       margin-top:r(146);
    //    display: flex;
    //    display:-webkit-flex;
       >header{
        display: flex;
        display:-webkit-flex;
        align-items: center;
        margin:0 auto;
           >div{
            width:r(85);
                >img{
                    width:100%;
                } 
           }
           >p{
            font-size:12px;
           }
       }//header
      >div{
          margin-top:r(37);
          width:100%;
          >img{
              width:100%;
          }
      }
      >h1{
          margin-top:r(55);
          margin-bottom:r(35);
      }
      >p{
          font-size:12px;
          margin-top:r(35);
          line-height: r(34);
          margin-bottom:r(55);
          color:#292929;
      }
   }
}
@media only screen and (min-width: 768px) {
    .search{
        >.r_eturn{
        }
       >.fd_box{
           >header{
               >div{
                width:r(85);
                    >img{
                        width:100%;
                    } 
               }
               >p{
                font-size:12px;
               }
           }//header
          >div{
              margin-top:r(37);
              width:100%;
              height: r(813);
              overflow: hidden;
              >img{
                  transition:transform .5s ease-in-out;
                  width:100%;
              }
              >img:hover{
                  transform: scale(1.1);   
              }
          }
          >h1{
              margin-top:r(55);
              margin-bottom:r(35);
          }
          >p{
              font-size:12px;
              margin-top:r(35);
              line-height: r(34);
              margin-bottom:r(55);
              color:#292929;
          }
       }
    }
}
@media only screen and (max-width: 768px) {
    .search{
        >.r_eturn{
            width: r(1246);
            margin: 0 auto;
            margin-top:r(162);
            display: flex;
            display: -webkit-flex;
            align-items: center;
            >label{
                width:r(38);
    
                >img{
                    width:100%;
                }
            }
            >span{
                color:#000;
                font-size: 20px;
                display: inline-block;
                margin-left:r(12);
            }
        }
       >.fd_box{
           width:r(1300);
           margin:0 auto;
           margin-top:r(146);
        //    display: flex;
        //    display:-webkit-flex;
           >header{
            display: flex;
            display:-webkit-flex;
            align-items: center;
            margin:0 auto;
               >div{
                width:r(85);
                    >img{
                        width:100%;
                    } 
               }
               >p{
                font-size:12px;
               }
           }//header
          >div{
              margin-top:r(37);
              width:100%;
              >img{
                  width:100%;
              }
          }
          >h1{
              margin-top:r(55);
              margin-bottom:r(35);
          }
          >p{
              font-size:12px;
              margin-top:r(35);
              line-height: 24px;
              margin-bottom:r(55);
              color:#292929;
          }
       }
    }
}
